Accessibility considerations for color 顏色無障礙設計要點
顏色傳遞情感並引導使用者注意力，但並非所有使用者都能以相同方式感知顏色。部分使用者無法分辨某些顏色組合，可能錯過重要資訊。因此，設計應具備包容性。可訪問性設計不僅對有障礙使用者友好，也能提升整體體驗。
W3C 制定了《Web內容可訪問性指南》(WCAG)，幫助設計師為不同障礙使用者提供更平等的使用體驗。https://www.w3.org/TR/WCAG21/
設計中色盲的影響Color blindness
色盲會影響使用者識別顏色的能力，常見型別包括：
- 紅綠色盲（Red-Green）
- 藍黃色盲（Blue-Yellow）
- 全色盲（Total color blindness）
你可以使用 Colblindor 提供的色盲模擬工具，上傳圖片，檢視不同色盲使用者的視角。
https://www.color-blindness.com/coblis-color-blindness-simulator/
如何提升色盲使用者的使用體驗：
顏色+圖示結合使用
舉例：在表單中標記錯誤項時，不要只用紅色字型提示，而應加上紅色感嘆號圖示，讓更多使用者能識別到問題。
圖案和紋理增強對比度
想象你在製作使用者研究圖表，可以用條紋或點狀圖案區別顏色相近的圖形，以便所有使用者清晰區分。
避免難以分辨的配色組合
例如以下組合對色盲使用者來說辨識困難：並不是說不能使用這些顏色，而是避免將它們並排使用，特別是在表示關鍵資訊時。同時，可新增標籤、圖示等其他提示來增強區分度。
- 綠色與紅色
- 綠色與棕色
- 藍色與紫色
- 綠色與藍色
- 淺綠色與黃色
- 藍色與灰色
- 綠色與灰色
- 綠色與黑色
低對比度敏感度的使用者體驗問題Low contrast sensitivity
部分使用者對亮度對比不敏感，導致難以分辨介面上的元素。這種現象在日常生活中也很常見，例如：
- 在黑暗環境中使用亮螢幕
- 在強光下使用暗螢幕
- 隨著年齡增長，視覺對比感知能力自然下降
設計建議：
使用 亮度對比比率（luminosity contrast ratio）來判斷背景與文字之間的可讀性。根據WCAG標準：
- 最低對比比率需達到 4.5 : 1
- 對比越高，內容越容易辨認
例如：
- 低對比（2:1）：文字難以閱讀
- 符合最低標準（4.5:1）：淺色系仍可清晰可讀
- 高對比（16:1）：文字醒目清晰
- 極致對比（21:1）：黑底白字或白底黑字
使用 WebAIM 的對比檢查工具（Contrast Checker），輸入設計用色的十六進位制程式碼，檢測顏色組合是否達標。不合格時，可使用工具的滑塊微調顏色直至符合WCAG規範。
https://webaim.org/resources/contrastchecker/
Color Safe：一個配色方案生成器，展示如何將WCAG標準應用於實際設計。
Stark 外掛：可在Figma中直接執行對比度檢查，提升設計流程效率。可透過 Figma Community 下載。https://www.figma.com/community/plugin/732603254453395948/stark-contrast-accessibility-checker
考慮使用者對亮光的敏感度Light sensitivity
有些使用者對光線特別敏感，包括明亮顏色或亮光螢幕。這類使用者可能會：
- 降低螢幕亮度
- 使用系統提供的“淺色模式”、“深色模式”或“高對比模式”
設計師應提供淺色與深色版本，滿足不同視覺需求和使用環境。
